<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/accordion-menu.css" />
		<!--bootstrap只用到了菜单图标-->
		<link rel="stylesheet" href="plugin/bootstrap3.3.7/css/bootstrap.css" />
		<script type="text/javascript" src="plugin/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="js/jQuery.accordionMenu.js"></script>
		<script>
			$(function() {
				$("#menu").accordionMenu({
					'autoFold': false
				});
			});
		</script>
	</head>

	<body>
		<div style="width: 200px; background: black;">
			<ul id="menu" class="accordion-menu">
				<li id="test">
					<a><i><img src="img/icon/test.png"></i><span>测试地方萨芬</span></a>
				</li>
				<li id="test_dialog" class="active">
					<a><i class="glyphicon glyphicon-cloud"></i><span>测试-弹窗的飞洒发撒</span></a>
				</li>
				<li id="test_dialog">
					<a><i><img src="img/icon/test2.png"></i><span>测试-弹窗11111111111111111111111111111</span></a>
				</li>
				<li id="test_dialog">
					<a><span>多级菜单弹窗11111111111111111111111弹窗11111111111111111111111</span></a>
					<ul class="accordion-menu">
						<li>
							
							<a><i><img src="img/icon/test2.png"></i><span>子菜单1</span></a>
						
						</li>
						<li>
							
							<a><span>子菜单2</span></a>
							<ul class="accordion-menu">
								<li id="test">
									<a><i class="glyphicon glyphicon-cloud"></i><span>测试</span></a>
								</li>
								<li id="test_dialog" class="active">
									<a><i class="glyphicon glyphicon-cloud"></i><span>测试-弹窗</span></a>
								</li>
								<li id="test_dialog">
									<a><span>测试-弹窗11111111111111111111111111111</span></a>
								</li>
								<li id="test_dialog">
									<a><span>多级菜单弹窗11111111111111111111111弹窗11111111111111111111111</span></a>
									<ul class="accordion-menu">
										<li>
											<a><i class="glyphicon glyphicon-cloud"></i><span>子菜单1</span></a>
										</li>
										<li>
											<a><span>子菜单2</span></a>
										</li>
									</ul>
								</li>
							</ul>
						</li>
						
						<li>
							<a><i><img src="img/icon/test2.png"></i><span>子菜单1</span></a>
						</li>
					</ul>
	
					
				</li>

				<li id="test">
					<a><i class="glyphicon glyphicon-flag"></i><span>测试</span></a>
				</li>
				<li id="test_dialog">
					<a><i class="glyphicon glyphicon-cloud"></i><span>测试-弹窗</span></a>
				</li>
				<li id="test_dialog">
					<a><span>测试-弹窗11111111111111111111111111111</span></a>
				</li>

				<li id="test_dialog">
					<a><span>多级菜单弹窗11111111111111111111111弹窗11111111111111111111111</span></a>

					<ul class="accordion-menu">
						<li>
							<a><i class="glyphicon glyphicon-cloud"></i><span>子菜单1</span></a>
						</li>
						<li>

							<a><span>子菜单2</span></a>
						</li>
					</ul>
				</li>
				<li id="test">
					<a><i class="glyphicon glyphicon-cloud"></i><span>测试</span></a>
				</li>
				<li id="test_dialog">
					<a><i class="glyphicon glyphicon-cloud"></i><span>测试-弹窗</span></a>
				</li>
				<li id="test_dialog">
					<a><span>测试-弹窗11111111111111111111111111111</span></a>
				</li>

				<li id="test_dialog">
					<a><span>多级菜单弹窗11111111111111111111111弹窗11111111111111111111111</span></a>

					<ul class="accordion-menu">
						<li>
							<a><i class="glyphicon glyphicon-cloud"></i><span>子菜单1</span></a>
						</li>
						<li>
							<a><span>子菜单2</span></a>
						</li>
					</ul>
				</li>
				<li id="test">
					<a><i class="glyphicon glyphicon-cloud"></i><span>测试</span></a>
				</li>
				<li id="test_dialog">
					<a><i class="glyphicon glyphicon-cloud"></i><span>测试-弹窗</span></a>
				</li>
				<li id="test_dialog">
					<a><span>测试-弹窗11111111111111111111111111111</span></a>
				</li>

				<li id="test_dialog">
					<a><span>多级菜单弹窗11111111111111111111111弹窗11111111111111111111111</span></a>
					<ul class="accordion-menu">
						<li>
							<a><i class="glyphicon glyphicon-cloud"></i><span>子菜单1</span></a>
						</li>
						<li>
							<a><span>子菜单2</span></a>
						</li>
					</ul>
				</li>
				<li id="test">
					<a><i class="glyphicon glyphicon-cloud"></i><span>测试</span></a>
				</li>
				<li id="test_dialog">
					<a><i class="glyphicon glyphicon-cloud"></i><span>测试-弹窗</span></a>
				</li>
				<li id="test_dialog">
					<a><span>测试-弹窗11111111111111111111111111111</span></a>
				</li>

				<li id="test_dialog">
					<a><span>多级菜单弹窗11111111111111111111111弹窗11111111111111111111111</span></a>
					<ul class="accordion-menu">
						<li>
							<a><i class="glyphicon glyphicon-cloud"></i><span>子菜单1</span></a>
						</li>
						<li>
							<a><span>子菜单2</span></a>
						</li>
					</ul>
				</li>
			</ul>

		</div>
	</body>

</html>